<template>
  <div class="container">
    <div class="weui-cells" style="width:95%;padding: 0;">
      <div class="weui-cell" style="padding:40px 0;">
        <div class="weui-cell__hd" style="position: relative;margin-right: 10px;">
          <image src="/static/images/pct.png" style="width: 72px; height: 72px; display: block;border-radius: 36px;"/>
          <!--<div class="weui-badge" style="position: absolute;top: -.4em;right: -.4em;">8</div>-->
        </div>
        <div class="weui-cell__bd">
          <div>联系人名称</div>
          <div style="font-size: 13px;color: #888888;">摘要信息</div>
        </div>
      </div>
      <div class="weui-panel">
        <div class="weui-panel__bd">
          <div class="weui-media-box weui-media-box_small-appmsg">
            <div class="weui-cells weui-cells_in-small-appmsg">
              <navigator url="" class="weui-cell weui-cell_access" hover-class="weui-cell_active" style="border-top:1px solid #eaeaea;">
                <div class="weui-cell__hd" style="background: url('/static/images/ic_usercenter_hourglass.png');background-repeat:no-repeat; background-size:100% 100%;">
                  <image src="" style="width: 20px;height: 20px;margin-right: 5px" />
                </div>
                <div class="weui-cell__bd weui-cell_primary">
                  <div>累计阅读</div>
                </div>
                <div class="weui-cell__ft weui-cell__ft_in-access">3小时20分20秒</div>
              </navigator>
              <navigator url="" class="weui-cell weui-cell_access" hover-class="weui-cell_active">
                <div class="weui-cell__hd" style="background: url('/static/images/ic_usercenter_calendar.png');background-repeat:no-repeat; background-size:100% 100%;">
                  <image src="" style="width: 20px;height: 20px;margin-right: 5px" />
                </div>
                <div class="weui-cell__bd weui-cell_primary">
                  <div>持续阅读</div>
                </div>
                <div class="weui-cell__ft weui-cell__ft_in-access">31天</div>
              </navigator>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="weui-panel" style="width:95%;padding: 0;">
      <div class="weui-panel__bd">
        <div class="weui-media-box weui-media-box_small-appmsg">
          <div class="weui-cells weui-cells_in-small-appmsg">
            <navigator url="" class="weui-cell weui-cell_access" hover-class="weui-cell_active">
              <div class="weui-cell__hd" style="background: url('/static/images/ic_usercenter_achievement.png');background-repeat:no-repeat; background-size:100% 100%;">
                <image src="" style="width: 20px;height: 20px;margin-right: 5px" />
              </div>
              <div class="weui-cell__bd weui-cell_primary">
                <div>阅读勋章</div>
              </div>
              <div class="weui-cell__ft weui-cell__ft_in-access">14</div>
            </navigator>
            <navigator url="/pages/extract/main" class="weui-cell weui-cell_access" hover-class="weui-cell_active">
              <div class="weui-cell__hd" style="background: url('/static/images/ic_usercenter_reading_record.png');background-repeat:no-repeat; background-size:100% 100%;">
                <image src="" style="width: 20px;height: 20px;margin-right: 5px" />
              </div>
              <div class="weui-cell__bd weui-cell_primary">
                <div>图书摘录</div>
              </div>
              <div class="weui-cell__ft weui-cell__ft_in-access">14</div>
            </navigator>
            <navigator url="" class="weui-cell weui-cell_access" hover-class="weui-cell_active">
              <div class="weui-cell__hd" style="background: url('/static/images/ic_usercenter_rewards.png');background-repeat:no-repeat; background-size:100% 100%;">
                <image src="" style="width: 20px;height: 20px;margin-right: 5px" />
              </div>
              <div class="weui-cell__bd weui-cell_primary">
                <div>排行榜</div>
              </div>
            </navigator>
            <navigator url="" class="weui-cell weui-cell_access" hover-class="weui-cell_active">
              <div class="weui-cell__hd" style="background: url('/static/images/ic_usercenter_contact_us.png');background-repeat:no-repeat; background-size:100% 100%;">
                <image src="" style="width: 20px;height: 20px;margin-right: 5px" />
              </div>
              <div class="weui-cell__bd weui-cell_primary">
                <div>吐个槽</div>
              </div>
            </navigator>
          </div>
        </div>
      </div>
    </div>

    <tab-bar :tabConstant="'USER'"></tab-bar>
  </div>
</template>

<script>
  import tabBar from '../../components/tabbar'

  export default {
    data () {
      return {
        motto: 'Hello World',
        userInfo: {}
      }
    },
    components: {
      tabBar
    },
    onShow () {
      console.log(`USER`)
    },
    methods: {

    },

  }
</script>

<style scoped>
  .weui-cells:before {
    top: 0;
    border-top: 0;
  }
</style>
